import { ref, computed, reactive, watch } from 'vue'

interface positionType{
  left: string,
    right: string,
    top: string,
    bottom: string
}
export function usePosition(radio1) {
  
  let positions = computed<positionType>(() => {
    return {
      left: radio1.value == 'left' ? '15%' :radio1.value == 'right'  ? 'auto':'0',
      right: radio1.value == 'right' ? '15%' :radio1.value == 'left'? 'auto':'0',
      top: '0',
      bottom: '0'
    }
  })
  return {positions}
}